react webpack vue create-react-app scaffold snowpack vite JavaScript

使用create-react-app构建react+ts项目(超详细)

本文主要介绍的是如何通过create-react-app快速搭建一个react+ts的web项目，同时引入了ant-design作为UI组件库，路由(react-router-dom)以及使用redux作为状态管理库；希望通过结合一些简单案例的实践掌握react开发...

react：状态管理mobx、mobx-state-tree、mobx-react/mobx-react-lite的使用

标签： react.js

背景 mobx：简单、可扩展的状态管理。相当于 redux。 mobx-state-tree：MobX 是一个状态...mobx-react-lite：这是mobx-react的轻量级版本，它仅支持 React功能组件，因此使库稍微更快更小 MobX 是最受欢迎的 Redux

使用create-react-app创建React项目

标签： react.js 前端 javascript

简单记录一下使用create-react-app创建React项目，使用craco进行了简单的配置。包括支持装饰器语法、按需加载和简单的包体积优化。

React教程之使用create-react-app构建你的第一个react应用

标签： create-react-app入门 react构建myapp 构建react

What’s React？ React 是 facebook 開發的一個 JS 函式庫，負責產生與管理前端的 UI 。它並不算框架。 Why React？用純 JS 在前端產生 HTML （一般來說是在後端產生 HTML 送到前端）使用 Virtual DOM，重繪時...

create-react-app降低react的版本

标签：前端 react.js

但用create-react-app创建的项目默认为react18版本这里我们降版本只需要一行命令 npm install [email protected] [email protected] --save 这里有个坑,这两个要同时降!!!,只改一个会报错!!! 顺便提醒一下,报错虽然长,...

Mobx-React 用法简述

标签： javascript react

一、是什么？一个非常简单的状态管理工具，对比 Redux，Mobx 会更容易上手，更容易理解，且编写方便。二、使用方法 1. 直接借助 Javascript（不推荐） const map = observable.map({ key: "value"});...

React 入门：使用 create-react-app 创建 react 17 版本的应用

标签： react.js javascript 前端框架

本文详细介绍了如何把通过 create-react-app 创建的 react18 版本的应用降级为 react17 版本。

create-react-app时指定react版本的方法

标签： react.js javascript 前端

现在如果使用来创建react项目，默认会使用最新18版本的react，但是我想安装16版本来学习。那么可以在安装完脚手架后，手动降级。

mobx-react-lite 基于 React Hook API 轻量级状态管理

标签： React Mobx mobx-react

Hook 简介官方原话：Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。...今天就来说说 [mobx-react-lite](https://github.com/mobxjs/mob...

安装create-react-app教程及简单配置

标签： react.js javascript webpack

create-react-app，是一个很好的脚手架。 react入门的最佳选择。

解决 create-react-app 创建react项目时异常缓慢的问题

标签： create-react-app react npm

第一次通过create-react-app 或者通过webstorm等编译器创建创建react项目时，因为要安装很多相关的包，而这些包的安装基本都是在内部通过npm进行安装。由于npm在访问有些国外的资源会非常卡，有的时候即使开了VPN...

React教程之react-router路由(create-react-app+webpack+route)

标签： react webpack route 教程 react router 教程 create-react-app router

What’s React-Router React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。前言继续上一篇文章的延续<<React教程之create-react-...

react中使用echarts绘制饼状图----echarts-for-react

标签： echarts react echarts react

react中使用echarts推荐使用echarts-for-react这个npm包，具体用法参考代码： import React, { Component } from 'react'; //导入饼图 import 'echarts/lib/chart/pie'; import 'echarts/lib/component/tooltip'...

docker入门之部署前端项目，以create-react-app为例

标签： docker react.js node.js

1.github上先下载create-react-app的源码 git clone https://github.com/facebook/create-react-app.git 执行ls查看一下并cd 进入该项目. 2.在项目根目录下创建Dockerfile文件,并编写以下内容 vi Dockerfile // ...

bash: create-react-app: command not found

标签： React npm npx

1、错误描述 Administrator@SKY-20160824VTF MINGW64 /d/HBuilderProjects/cmn $ npm install create-react-app npm WARN saveError ENOENT: no such file or directory, open 'D:\HBuilderProjects\ ...

React教程之create-react-app+webpack打包运行项目(react-webpack-starter)

标签： react-webpack-starter react webpack 入门指南 create-react-app webpack

Why Webpack？兼容 CommonJS & AMD & ES6 模組規範 Bundle 效率高 JS 擴充語法的編譯自動化 (JSX, Coffee Script, TypeScript…) 編譯 sass, less 將資源 (css, img, font…) 包入 JS 內 ...

【实战】React 必会第三方插件 —— Cron 表达式生成器（qnn-react-cron）

标签： react.js javascript 前端

qnn-react-cron 可以看做 react-cron-antd 的升级版（具体“渊源”可见文档），现有功能如下： - 全面支持 cron：秒、分、时、日、月、周、年 - 日及周条件互斥，自动改变响应值 - 支持反解析 cron 表达式到 UI - 可...

在react中使用echarts，echarts-for-react

标签：在react中使用echarts echarts-for-react react

我们在做项目的时候经常会遇到会使用各种各样的图表，在react项目中处理图标时使用echart-for-react包，他依赖于echarts包安装： npm install --save echarts npm install --save echarts-for-react 引入并...

React中插入视频(video-react)，自动播放

标签： react

在react中引入安装插件 npm install –save video-react 2.在文件中引入 import { Player, ControlBar, PlayToggle, // PlayToggle 播放/暂停按钮若需禁止加 disabled ReplayControl, // 后退按钮 ...

react：create-react-app关闭eslint

标签： react bug 前端

解决关于react的eslint的问题

react native 极光推送 jpush-react-native

标签： react native 极光推送推送

依赖包：jpush-react-native、jcore-react-native 准备： 1.首先要在极光推送有个账号【注册/登录以下链接：极光推送】 2.ios设备要把证书申请了【ios推送证书配置】 3.下载安装依赖包【jpush-react-native...

Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` environment varia

标签： react.js 前端

Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` environment varia

create-react-app报错的解决方法

标签： react

create-react-app需要升级版本卸载旧版本 yarn global remove create-react-app 安装新版本 yarn global add create-react-app 提示某些包装不上提示信息如下： npm ERR! code ETARGET npm ERR! notarget No...

echarts-for-react的使用详解

标签： js react echarts

Echarts-for-react的使用示例一、安装 npm install --save echarts-for-react //如果需要使用echarts的一些特殊方法需要安装 npm install --save echarts 二、使用 import ReactEcharts from 'echarts-for-react...

无法将“create-react-app”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

标签： react 前端

无法将“create-react-app”项识别为 cmdlet、函数、脚本文件或可运行程序的名称后来在网上找到了解决方案，所以我在这里记录一下~ 解决方案是在create-react-app my-app命令前面，加上npx指令。如下： npx create...

配置hooks的eslint-plugin-react-hooks

eslint-plugin-react-hooks配置在使用create-react-app脚手架生成项目后，使用hooks特性没有eslint提示报错信息。可安装 eslint-plugin-react-hooks并配置package.json中的eslintConfig即可安装 npm install ...

eslint-plugin-react报未指定react版本的Warning: React version not specified in eslint-plugin-react ...

标签： react eslint-plugin-react

解决方法：在我安装eslint和eslint-plugin-react依然无果后， ...npminstalleslint-plugin-react--save-dev 在github issueshttps://github.com/yannickcr/eslint-plugin-react/issues/1955和ht...

使用create-react-app创建ts项目

标签： react.js 前端前端框架

create-react-app 你的项目名 --typescript npm start 2、项目首页 import React from 'react'; import logo from './logo.svg'; import './App.css'; import Arrowlist from './home'; const App: React.FC = ...

react报错--create-react-app: command not found

标签： react

成功安装create-react-app后，终端报错bash：create-react-app: command not found 解决：输入npx create-react-app my-project 原因：create-react-app不是内部命令，但是可以使用npx命令进行安装

执行 npx create-react-app时候出错

标签： react.js 前端 javascript

1.第一个报错，找不到npm404找不到日志文件 2.切换淘宝镜像，npm404找不到淘宝镜像 3.发现在创建项目的文件夹下出现package-lock.json并且是webstorm图标，不会改，直接删除webstorm。 4依旧报错，npm404找不到...